<template>
    <div class="layout">
        <!-- 头部 -->
        <appheader v-if="!$route.meta.hideheader"/>
        <!-- 子路由的内容 -->
        <div class="content">
            <transition appear enter-active-class="animate__animated  animate__fadeInUp">
                <router-view />
            </transition>
        </div>
        <appfooter />
        <!-- 底部 -->
    </div>
</template>

<script>
import Appfooter from '../components/Appfooter.vue'
import Appheader from '../components/Appheader.vue'

export default {

    components: { Appheader, Appfooter },

}
</script>

<style lang="less" scoped></style>